<!-- target:venue -->
<div class="venue-detail-page detail-page" ui="type:m-panel">
    <img class="venue-external-image" src="${detail.venueExternalPics.0.imageUrl}">
    <div class="venue-info info-list">
        <img class="" src="={${detail.venueLogoPics.0.imageUrl} ? ${detail.venueLogoPics.0.imageUrl} : 'images/info/mao_default.png'}" />
        <div class="venue-text">
            <div class="name">${detail.venueName}</div>
            <div class="address">${detail.address}</div>
            <div class="tel" title="${detail.contactPhone}"></div>
        </div>
    </div>
    <ul class="statistics">
        <li class="statistics-item">
            <div class="num">110,883</div>
            <div class="label">票房总额</div>
            <div class="tip">最近90天统计数据</div>
        </li>
        <li class="statistics-item">
            <div class="num">66次</div>
            <div class="label">演出场次</div>
        </li>
        <li class="statistics-item">
            <div class="num">23%</div>
            <div class="label">场地使用率</div>
        </li>
    </ul>

    <div class="title-blank-grey"></div>

    <div class="cont-detail-tab" ui="type:tab;gesture:false;">
        <div class="cont-item list-cont">
            <strong>演出/场数</strong>
            <ul ui="type:mao.ui.AppListView;id:venue-perform-list-view;customEmpty:true;" class="list-items">
                <div>
                    <div class="no-data">
                        <img src="images/base/icon_default.png">
                        <p>暂无数据</p>
                    </div>  
                </div>
            </ul>
        </div>
        <div class="cont-item list-cont">
            <strong>照片</strong>
            <div class="list-items">
                <div ui="type:tab;gesture:false;">
                    <!-- for: ${detail.venueSpacePics} as ${_item} -->
                    <div class="space-images-container">
                        <strong><div class="title-text">${_item.group}</div></strong>
                        <ul ui="type:m-panel" class="space-images">
                            <!-- for: ${_item.images} as ${item} -->
                            <li class="image-item">
                                <img src="${item.imageUrl}" />
                                <div class="img-title">${item.name}</div>
                            </li>
                            <!-- /for -->
                        </ul>
                    </div>
                    <!-- /for -->
                </div>
            </div>
        </div>
        <div class="cont-item list-cont">
            <strong>设备清单</strong>
            <ul ui="type:m-panel" class="list-items equipment">
                <div class="equipment-container">
                    <!-- for: ${detail.venueEquipmentPicsList} as ${item} -->
                    <img src="${item.imageUrl}">
                    <!-- /for -->
                </div>
            </ul>
        </div>
        <div class="cont-item list-cont">
            <strong>详情</strong>
            <ul ui="type:m-panel" class="list-items">
                <div class="introduce">
                    <div class="title">简介</div>
                    <div>${detail.introduce}</div>
                </div>
            </ul>
        </div>
    </div>


</div>

<!-- target: venueItem -->
<!-- use:list.performItem(item=${item}) -->
